<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>统计</title>
<link rel="shortcut icon" href="common/YI.jpg" />
<link href="common/css/bootstrap.min.css" rel="stylesheet">
<link href="common/css/datepicker3.css" rel="stylesheet">
<link href="common/css/bootstrap-table.css" rel="stylesheet">
<link href="common/css/styles.css" rel="stylesheet">
<link href="common/css/mystyle.css" rel="stylesheet">
<link href="common/css/tips.css" rel="stylesheet">

<!--[if lt IE 9]>
<script src="common/js/html5shiv.js"></script>
<script src="common/js/respond.min.js"></script>
<![endif]-->

</head>

<body>
	<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
		<div class="container-fluid">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed"
					data-toggle="collapse" data-target="#sidebar-collapse">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="#"><span>YI书屋</span>Admin</a>
			</div>

		</div>
		<!-- /.container-fluid -->
	</nav>

	<div id="sidebar-collapse" class="col-sm-3 col-lg-2 sidebar">
		<form role="search">
			<div class="form-group">
				<span>&nbsp;</span>
			</div>
		</form>
		<ul class="nav menu">
			<li><a href="home.html"><span
					class="glyphicon glyphicon-list-alt"></span> 收银</a></li>
			<li class="active"><a href="charts.html"><span
					class="glyphicon glyphicon-stats"></span> 统计</a></li>
			<li><a href="goods.do"><span
					class="glyphicon glyphicon-pencil"></span> 进货</a></li>
			<li><a href="list.html"><span
					class="glyphicon glyphicon-list"></span> 清单</a></li>
			<li><a href="zk.do"><span
					class="glyphicon glyphicon-dashboard"></span> 折扣</a></li>
			<li role="presentation" class="divider"></li>
			<li><span>&nbsp;</span></li>
		</ul>
		<div class="attribution">
			Template by <a href="JavaScript:void(0);">lc1416302550@163.com</a>
		</div>
	</div>
	<!--/.sidebar-->

	<div class="col-sm-9 col-sm-offset-3 col-lg-10 col-lg-offset-2 main">
		<div class="row">
			<ol class="breadcrumb">
				<li><a href="#"><span class="glyphicon glyphicon-home"></span></a></li>
				<li class="active">统计</li>
			</ol>
		</div>
		<!--/.row-->

		<div class="row">
			<div class="col-lg-12">
				<h1 class="page-header">统计</h1>
			</div>
		</div>
		<!--/.row-->


		<div class="row">
			<div class="col-lg-12">
				<div class="panel panel-default">
					<div class="panel-heading">
						销售记录&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input id="rq"
							class="myinput myinput2" type="month" style="z-index: 1;" /> &nbsp;&nbsp;&nbsp;销售额：￥<span
							style="min-width: 160px; display: inline-block;" id="monthSale"></span>现金额：￥<span
							style="min-width: 160px; display: inline-block;" id="cashSale"></span>销售单数：<span
							style="min-width: 160px; display: inline-block;" id="sales"></span>
					</div>
					<div class="panel-body" style="border-bottom: 1px solid #eee;">
						<table style="width: 100%;">
							<thead>
								<tr style="width: 100%;">
									<th style="width: 18%;"><div class="th-inner sortable">实际款￥</div>
										<div class="fht-cell"></div></th>
									<th style="width: 18%;"><div class="th-inner sortable">总价￥</div>
										<div class="fht-cell"></div></th>
									<th style="width: 18%;"><div class="th-inner sortable">日期</div>
										<div class="fht-cell"></div></th>
									<th style="width: 45%;text-align:center;"><div class="th-inner sortable">内容</div>
										<div class="fht-cell"></div></th>
							</thead>
							<tbody id="tBody"
								style="width: 550%; min-height: 200px; display: block;">
								<tr>
									<td>&nbsp;</td>
									<td>&nbsp;</td>
									<td>&nbsp;</td>
									<td>&nbsp;</td>
								</tr>

							</tbody>
						</table>
					</div>
					<div class="panel-footer " style="text-align: center;">
						<div>&nbsp;</div>
						<input type="button" id="prePage" class="btn btn-default mybtn"
							value="上一页" /> <input id="pageGo" class="myinput myinput0"
							type="text" style="width: 100px;text-align:center;" placeholder="" /> <input
							type="button" id="nextPage" class="btn btn-default mybtn"
							value="下一页" />
					</div>
				</div>
			</div>
		</div>
		<!--/.row-->


	</div>
	<!--/.main-->

	<script src="common/js/jquery-1.11.1.min.js"></script>
	<script src="common/js/bootstrap.min.js"></script>
	<script src="common/js/chart.min.js"></script>
	<script src="common/js/easypiechart.js"></script>
	<script src="common/js/bootstrap-datepicker.js"></script>
	<script src="common/js/bootstrap-table.js"></script>
	<script>
		!function($) {
			$(document)
					.on(
							"click",
							"ul.nav li.parent > a > span.icon",
							function() {
								$(this).find('em:first').toggleClass(
										"glyphicon-minus");
							});
			$(".sidebar span.icon").find('em:first').addClass("glyphicon-plus");
		}(window.jQuery);

		$(window).on('resize', function() {
			if ($(window).width() > 768)
				$('#sidebar-collapse').collapse('show')
		})
		$(window).on('resize', function() {
			if ($(window).width() <= 767)
				$('#sidebar-collapse').collapse('hide')
		})
	</script>
	<script src="common/js/tips.js"></script>
	<script src="common/js/charts.js"></script>
</body>

</html>